<template>
  <div class="tmmoput">
    <div class="tmm1">
      <span class="lytitle">热成像监控</span>
      <div class="tmm1main flex">
         <iframe scrolling="no" style="width: 1400px;height: 400px;" src="http://101.43.94.70:25532/" frameborder="0"></iframe>
      </div>
    </div>
    <div class="tmm2">
      <span class="lytitle">温度分布</span>
      <testTable />
    </div>
    <div class="tmm3">
      <span class="lytitle">热成像停机记录</span>
      <testTable />
    </div>
  </div>
</template>

<script lang="js" name="thermalMonitor" setup>
	import {ref, reactive, computed, unref} from 'vue';
	import testTable from '/@/views/panoramicMonitoring/SiteMonitoring/index.vue';
</script>

<style lang="less" scoped>
:deep(.ant-picker),
:deep(.ant-input-number) {
	width: 100%;
}
.lytitle {
	position: relative;
	padding-left: 10px;
	font-weight: 400;
	font-style: normal;
	color: rgb(0, 0, 0);
	font-size: 18px;

	&::before {
		content: '';
		width: 4px;
		height: 16px;
		background-color: #009688;
		position: absolute;
		left: 0;
		top: 6px;
	}
}
.tmm1mainones {
	border: 1px solid;
	height: 400px;
}
</style>
